<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="app">
          <!-- 既能获取表单元素的内容，也能给表单元素设置内容 -->
          <input type="text" v-model="msg"> 
          <textarea v-model="msg" cols="30" rows="10"></textarea>

          <!-- 只要不是表单元素都不可以用 -->
          <!-- <div v-model="msg"></div> -->
          <p>{{ msg }}</p>
      </div>
    <script src="./vue.js"></script>
    <script>
        new Vue({
            el: "#app",
            data() {
                return {
                   msg: ''
                }
            },
            methods:{
                   
            }
        })
    </script>
</body>
</html>